<div id="navbar" class="navbar navbar-default ace-save-state">
	<div class="navbar-container ace-save-state" id="navbar-container">
		<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
			<span class="sr-only">Toggle sidebar</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<div class="navbar-header pull-left">
			<a th:href="@{/index}" class="navbar-brand">
				<img th:src="@{/images/logo.png}" src="" alt="" style="display: inline-block;"/>
				<small style="display: inline-block;">房屋管理系统</small>
			</a><!--/.brand-->
		</div>
		<div class="navbar-buttons navbar-header pull-right" role="navigation">
			<ul class="nav ace-nav">

				<li class="purple dropdown-modal" th:unless="@{innerMailListCount eq '0'}">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="ace-icon fa fa-bell icon-animated-bell"></i>
						<span class="badge badge-important" th:text="${innerMailListCount}">8</span>
					</a>

					<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close" >
						<li class="dropdown-header">
							<i class="ace-icon fa fa-exclamation-triangle"></i>
							您有<span th:text="${innerMailListCount}">8</span>条未读消息
						</li>

						<li class="dropdown-content">
							<ul class="dropdown-menu dropdown-navbar navbar-pink">
								<li th:each="mail: ${innerMailList}" th:unless="${mail.sendTime eq null}">
									<a href="#" th:href="@{'/innerMail/detail?id=' + ${mail.id}}">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
												<span th:text="${mail.title}"></span>
											</span>
											<span class="pull-right badge badge-info" th:text="${mail.isRead eq false ? '未读' : '已读'}">+12</span>
										</div>
									</a>
								</li>
							</ul>
						</li>

						<li class="dropdown-footer">
							<a href="#" th:href="@{/innerMail/allDetail}">
								查看所有站内信
								<i class="ace-icon fa fa-arrow-right"></i>
							</a>
						</li>
					</ul>
				</li>

				<li class="light-blue dropdown-modal">
					<a data-toggle="dropdown" href="#" class="dropdown-toggle">
						<span class="user-info">
							<small>欢迎</small>
							<span th:if="${session.userSession ne null}" th:text="${session.userSession.username}" id="username">Jason</span>
						</span>
						<i class="ace-icon fa fa-caret-down"></i>
					</a>

					<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
						<li>
							<a href="#" th:href="@{/sys/sysUser/edit}">
								<i class="ace-icon fa fa-cog"></i>
								修改个人信息
							</a>
						</li>
						<li>
							<a href="" th:href="@{/modifyPassword}">
								<i class="ace-icon fa fa-user"></i>
								修改密码
							</a>
						</li>
						<li class="divider"></li>
						<li>
							<a th:href="@{/logout}" href="">
								<i class="ace-icon fa fa-power-off"></i>
								登出
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</div><!--/.container-fluid-->
	</div><!--/.navbar-inner-->
</div>